<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>个人中心</title>
    <meta name="keywords" content="影院热映大片,热映电影票房,热映电影购票,热映电影打分,热映电影选座">
    <meta name="description" content="为您提供热映电影大片选座购票服务，以及对热映电影评分、评价等信息介绍">
    <meta http-equiv="cleartype" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="lx:autopv" content="off">
    <meta name="lx:appnm" content="movie">
    <meta name="lx:category" content="movie">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/frontcss/common.d1d257d3.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/frontcss/profile-profile.772600de.css">
    <script>if (window.devicePixelRatio >= 2) {
        document.write('<link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>')
    }</script>
    <style type="text/css">
        td {
            font-family: 宋体;
            font-size: medium;
        }
    </style>
</head>
<body>
<jsp:include page="top.jsp">
    <jsp:param name="menuId" value="0"/>
</jsp:include>
<div class="container" id="app">
    <div class="content">
        <div class="main">
            <div class="info-content clearfix">
                <div class="user-profile-nav">
                    <h1>个人中心</h1>
                    <a href="${pageContext.request.contextPath}/front/index/v/myOrder" class="orders active">我的订单</a>
                    <a href="${pageContext.request.contextPath}/front/index/v/myInfo" class="profile ">基本信息</a>
                </div>

                <div class="orders-container">
                    <div class="profile-title">我的订单</div>
                    <div class="orders-pager">
                        <div class="info-content">
                            <table style="width: 100%;" border="0" cellpadding="3" cellspacing="0">
                                <thead>
                                <tr bgcolor="silver">
                                    <th class="info-content">序号</th>
                                    <th class="info-content">影院</th>
                                    <th class="info-content">影厅</th>
                                    <th class="info-content">电影名称</th>
                                    <th class="info-content">观看时间</th>
                                    <th class="info-content">开始时间</th>
                                    <th class="info-content">结束时间</th>
                                    <th class="info-content">座位</th>
                                    <th class="info-content">票价(元)</th>
                                    <th class="info-content">状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${myOrderList}" var="v" varStatus="st">
                                    <c:if test="${st.index % 2 ==0}">
                                        <tr bgcolor="#5f9ea0">
                                    </c:if>
                                    <c:if test="${st.index % 2 ==1}">
                                        <tr bgcolor="#ffebcd">
                                    </c:if>
                                    <td class="info-content">${st.index+1}</td>
                                    <td class="info-content">${v.agentName}</td>
                                    <td class="info-content">${v.hallName}</td>
                                    <td class="info-content">${v.movieName}</td>
                                    <td class="info-content">${v.playDay}${v.playTimeName}</td>
                                    <td class="info-content">${v.startTime}</td>
                                    <td class="info-content">${v.endTime}</td>
                                    <td class="info-content">${v.seatName}</td>
                                    <td class="info-content">${v.salePrice}</td>
                                    <td class="info-content">${v.state}</td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <div class="mask3">
        <div class="modal-container" style="display:none">
            <div class="modal">
                <span class="icon"></span>

                <p class="tip">您确定要删除该订单嘛？删除后，不可恢复～</p>

                <div class="short btn ok-btn">确定</div>
                <div class="short btn cancel-btn">取消</div>
            </div>
        </div>

    </div>

    <div class="mask1">
        <div class="modal-container" style="display:none">
            <div class="modal">
                <span class="icon"></span>

                <p class="tip">请注意，注销账号会清空所有订单信息、影评、积分、<br>账户余额等信息且无法找回，是否继续？</p>

                <div class="short btn ok-btn">确定</div>
                <div class="short btn cancel-btn">取消</div>
            </div>
        </div>

    </div>

    <div class="mask2">
        <div class="modal-container" style="display:none">
            <div class="modal">
                <span class="icon"></span>

                <p class="tip">请联系客服10105335</p>

                <div class="ok-btn btn">我知道了</div>
            </div>
        </div>

    </div>

</div>
<jsp:include page="bottom.jsp"/>

</body>
</html>
